<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>New Codington</title>

		<link type="text/css" rel="stylesheet" href="css/mystyle.css">
		  <!-- PARA EL LOGIN-->
			<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2"></script>
		    <script src="js/login.js"></script>
</head>
<body>
<!--anotacion-->
 
<!-- <div class="cabecera_imagen"></div> -->

 <div id="container"> <!--para centrar cuadro-->
   <!-- Login Starts Here -->
  	<header>
   		<nav>
	 		<ul class="">
  			<li id="logo" ><img src="./images/logo2.jpg"></li>
			 <%   Object iD = session.getAttribute("iDVisitor");
					int id= (Integer) iD; 
		    
				if (id==1){%>


 <li id="ref1"><a href="pre_createvent.htm">Register event</a></li> 
<li id="ref1"><a href="pre_createplace.htm">Create new place</a></li> 
<li id="ref1"><a href="pre_updatepassword.htm">Update password</a></li>
<li id="ref1"><a href="pre_updatedata.htm">Update information</a></li> 

 <% }else{%>
		<li id="ref1"><a href="showmy_event.htm">My Events</a></li> 
		<li id="ref1"><a href="pre_updatepassword.htm">Update password</a></li>
		<li id="ref1"><a href="pre_updatedata.htm">Update information</a></li>  


<%} %> 

			</ul>
		</nav>
	</header>
	
<%String usu=(String)session.getAttribute("username"); %>
<% String pass=(String)session.getAttribute("password"); %>
<nav id="loginContainer">
 </form id="loginForm">
 
<form class="UpdatePassServlet" action="pre_logout.htm" method="GET" >
			<input id="loginButtonOut" type="submit" value="Logout" />
			
				<h3> Bienvenido <%=usu%></h3>
</form>

		 </nav>
	
<aside id="columna">

        <p class="Sub_title">MENU</p>

			<ul class="nav2">
				<ul>
				<li><a href="home.htm">Home</a></li>
				<br>
				<li><a href="history.htm">History</a></li>
				<br>
				<li><a href="">North Places<br></a>
				<br>
				<ul>
				<article class="menunorth">
				<li><a href="listmuseum.htm?type=Museum">Museum</a></li>
				<br>
				<li><a href="listtheater.htm?type=Theater">Theater</a></li>
				<br>
				<li><a href="liststadium.htm?type=Stadium">Stadium</a></li>
				<br>
				<li><a href="listbusiness.htm?type=large Business">Large Business</a></li>
				</article>
				</ul>
				</li>
				<li><a href="">South Places</a>
				<ul>
				<article class="menusouth">
				<li><a href="listzoo.htm?type=Zoo">Zoo</a></li>
				<br>
				<li><a href="listpark.htm?type=Park">Park</a></li>
				<br>
				<li><a href="listattraction.htm?type=Tourist Attraction">Turist Attraction</a></li>
				<br>
				<li><a href="listmarket.htm?type=Traditional Market">Traditional Market</a></li>
				</article>
				</ul>
				</li> 
			</ul>
	
	
	</aside>
	
		<hgroup>
        	<p>Festival Registration System</p>
   		</hgroup>
   		<section class="cuadroblanco">
	
		<article class="Sub_title">
       	 <p>Modify your password</p>
   		</article>

    	<article class="div_borde"> 
			<article id=tabla1>
	
        		<form id="box" class="UpdatePassServlet" action="post_updatepassword.htm" method="post" >
			
						<article id='username' class='outerDiv'>
							<label for="username">User name:</label>
							<input type="text" name="username"  maxlength="30" required  /> 
						</article>
			
					<article id='oldpassword' class='outerDiv'>
						<label for="oldpassword">Old Password:</label>
						<input type="password" name="oldpassword"   maxlength="30" required />
					 </article>
			
					<article id='newpassword' class='outerDiv'>
						<label for="newpassword">New Password:</label>
					<input type="password" name="newpassword"   maxlength="30" required /> 
					</article>
			
			
					<article id='submit' class='outerDiv'><br/>
						<input type="submit" value="Modify the password" /> 
					</article>
				</form>
			</article>
		 </article>
		 </br></br>
	</section>

 
</body>
</html>